<template>
  <div class="wrap headlineDetail">
    <div class="content">
      <van-icon name="bullhorn-o" />
      <p>{{detail.news_desc}}</p>
    </div>
  </div>
</template>

<script>
import {newsDetail} from '../api/api';
export default {
  // 定义属性
  name:'headlineDetail',
  data() {
    return {
      detail:{}
    }
  },
  methods: {
    getDetail(){
      newsDetail({news_id:this.$route.query.news_id}).then((res)=>{
        if(res.code == 200){
          console.log(res);
          this.detail = res.data;
          console.log(this.detail);
        }
      })
    }
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    console.log('接收id',this.$route.query.news_id);
    this.getDetail();
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
    
  },
}
</script>

<style lang='scss' scoped>
.headlineDetail {
  .content {
    padding: 20px 30px;
    p {
      text-indent: 2em;
      line-height: 36px;
    }
  }
}
</style>